<template>
  <div class="box">
    <div class="title" v-if="certification.title">{{ certification.title }}</div>
    <div class="flexspace">
      <img v-for="(item,index) in certification.src" :key="index" :src="item" alt="">
    </div>
  </div>
</template>
<script lang="ts" setup>
import { language } from "~/conf";
const { nav } = language;
defineProps<{
  certification: {
    src: string;
    title: string;
  };
}>();
</script>
<style lang="stylus" scoped>
.box{
  width 1080px;
  margin 0 auto;
}
.title{
  font-weight: 400;
  font-size: 30px;
  margin-top 67px
  text-align center
  margin-bottom 50px
}
.img{
  display block
  width:100%
  margin-top 64px
  margin-bottom 46px
}
.flexspace{
  display flex
  justify-content space-between
  align-items center
  margin-bottom 75px
}
</style>
